<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>商品详情</title>
    <link rel="stylesheet" type="text/css" href="css/public.css">
    <link rel="stylesheet" type="text/css" href="css/details.css">
    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <script type="text/javascript" src="node_modules/jquery/dist/jquery.js"></script>
    <script type="text/javascript" src="js/details.js"></script>
    <script type="text/javascript" src="js/public.js"></script>
    <script type="text/javascript" src="node_modules/jquery-color/jquery.color.js"></script>
</head>
<body>
<!--头部-->
<div id="header">
    <div class="inner">
        <p><a href="javascript:;">消费者告知书</a></p>
        <ul>
            <li><a href="html/login.html" style="border: 0">登录</a></li>
            <li><a href="html/login.html" style="border-right: 2px solid #666;margin-right: 10px">注册</a></li>
            <li style="margin-right: 10px">
                <div></div>
                <span>400-080-1888</span></li>
            <li><a href="javascript:;">下载达令app</a></li>
            <div class="reg_tip">
                注册即得 新人专享优惠券
                <div class="reg_sharp"></div>
                <a href="javascript:;" class="reg_close">x</a>
            </div>
        </ul>
    </div>
</div>

<!--banner-->
<div id="banner">
    <div class="inner">
        <a href="index.html" class="logo"></a>
        <a href="javascript:;" class="promo"></a>
        <div class="cart">
            <a href="html/mycart.html"><span></span><span>我的购物车</span><span></span></a>
            <span class="cart_count">0</span>
        </div>
        <div class="banner_search">
            <input type="text">
            <input type="button" value="搜索">
            <div class="clear"></div>
            <p>
                <a href="javascript:;">口红</a>
                <a href="javascript:;">面膜</a>
                <a href="javascript:;">耳饰</a>
                <a href="javascript:;">日系美妆</a>
                <a href="javascript:;">化妆水</a>
                <a href="javascript:;">底妆</a>
                <a href="javascript:;">乳霜</a>
                <a href="javascript:;">洁面</a>
                <a href="javascript:;">防晒</a>
            </p>
        </div>
    </div>
</div>

<!--nav-->
<div id="nav">
    <div class="inner">
        <div class="kind">
            <p class="kind_title">全部分类</p>
            <div class="all_kind">
                <dl>
                    <dt><span class="nav_icon"></span><span>极致美护</span></dt>
                    <dd>
                        <div class="kind_son">
                            <a href="javascript:;">面膜</a>
                            <a href="javascript:;">化妆水</a>
                            <a href="javascript:;">洁面</a>
                            <a href="javascript:;">防嗮</a>
                            <a href="javascript:;">面霜/乳液</a>
                            <a href="javascript:;">卸妆</a>
                            <a href="javascript:;">精华</a>
                        </div>
                        <span class="icon_arrows_nav">></span>
                        <div class="clear"></div>
                    </dd>
                    <!-- <dd class="sub-nav">
                         <div class="sub-nav-header">
                             <p>极致美护</p>
                             <a href="javascript:;">
                                 <div class="sub-nav-header-img"></div>
                             </a>
                             <a href="javascript:;">
                                 <div class="sub-nav-header-img"></div>
                             </a>
                             <a href="javascript:;">
                                 <div class="sub-nav-header-img"></div>
                             </a>
                             <a href="javascript:;">
                                 <div class="sub-nav-header-img"></div>
                             </a>
                         </div>


                         <div class="sub-nav-main">
                             <div class="sub-nav-right">
                                 <a href="javascript:;"></a>
                             </div>
                             <div class="sub-nav-left">
                                 <div class="sub-nav-left-1">
                                     <p class="sub-nav-left-title">面部护肤</p>
                                     <div>
                                         <a href="javascript:;">面膜</a>
                                         <a href="javascript:;">化妆水</a>
                                         <a href="javascript:;">洁面</a>
                                         <a href="javascript:;">防嗮</a>
                                         <a href="javascript:;">面膜</a>
                                         <a href="javascript:;">面膜</a>
                                         <a href="javascript:;">面膜</a>
                                         <a href="javascript:;">面膜</a>
                                         <a href="javascript:;">面膜</a>
                                         <a href="javascript:;">面膜</a>
                                         <a href="javascript:;">面膜</a>
                                     </div>
                                 </div>
                                 <div class="sub-nav-left-1">
                                     <p>面部护肤</p>
                                     <div>
                                         <a href="javascript:;">面膜</a>
                                         <a href="javascript:;">面膜</a>
                                         <a href="javascript:;">面膜</a>
                                         <a href="javascript:;">面膜</a>
                                         <a href="javascript:;">面膜</a>
                                         <a href="javascript:;">面膜</a>
                                         <a href="javascript:;">面膜</a>
                                         <a href="javascript:;">面膜</a>
                                         <a href="javascript:;">面膜</a>
                                         <a href="javascript:;">面膜</a>
                                         <a href="javascript:;">面膜</a>
                                     </div>
                                 </div>
                                 <div class="sub-nav-left-1">
                                     <p>面部护肤</p>
                                     <div>
                                         <a href="javascript:;">面膜</a>
                                         <a href="javascript:;">面膜</a>
                                         <a href="javascript:;">面膜</a>
                                         <a href="javascript:;">面膜</a>
                                         <a href="javascript:;">面膜</a>
                                         <a href="javascript:;">面膜</a>
                                         <a href="javascript:;">面膜</a>
                                         <a href="javascript:;">面膜</a>
                                         <a href="javascript:;">面膜</a>
                                         <a href="javascript:;">面膜</a>
                                         <a href="javascript:;">面膜</a>
                                     </div>
                                 </div>
                             </div>
                         </div>
                     </dd>-->
                </dl>
                <dl>
                    <dt><span class="nav_icon"></span><span>全球零食</span></dt>
                    <dd>
                        <div class="kind_son">
                            <a href="javascript:;">饼干</a>
                            <a href="javascript:;">威化</a>
                            <a href="javascript:;">蜂蜜</a>
                            <a href="javascript:;">麦片</a>
                            <a href="javascript:;">糖果</a>
                            <a href="javascript:;">巧克力</a>
                            <a href="javascript:;">膨化零食</a>
                            <a href="javascript:;">咖啡</a>
                        </div>
                        <span class="icon_arrows_nav">></span>
                    </dd>
                </dl>
                <dl>
                    <dt><span class="nav_icon"></span><span>创意生活</span></dt>
                    <dd>
                        <div class="kind_son">
                            <a href="javascript:;">水杯/保温杯</a>
                            <a href="javascript:;">随身小物件</a>
                            <a href="javascript:;">玩偶</a>
                            <a href="javascript:;">钥匙挂件</a>
                        </div>
                        <span class="icon_arrows_nav">></span>
                    </dd>
                </dl>
                <dl>
                    <dt><span class="nav_icon"></span><span>时尚配饰</span></dt>
                    <dd style="border: 0px">
                        <div class="kind_son">
                            <a href="javascript:;">奢侈品</a>
                            <a href="javascript:;">配饰</a>
                            <a href="javascript:;">箱包</a>
                            <a href="javascript:;">项链</a>
                            <a href="javascript:;">手链</a>
                            <a href="javascript:;">耳饰</a>
                            <a href="javascript:;">戒指</a>
                            <a href="javascript:;">太阳镜</a>
                        </div>
                        <span class="icon_arrows_nav">></span>
                    </dd>
                </dl>
            </div>
        </div>
        <div class="navigation">
            <ul>
                <li>
                    <a href="javascript:;">首页</a>
                    <a href="javascript:;">极致美护</a>
                    <a href="javascript:;">全球零食</a>
                    <a href="javascript:;">创意生活</a>
                    <a href="javascript:;">时尚配饰</a>
                    <a href="javascript:;">尖货女装</a>
                    <a href="javascript:;">3C家电</a>
                </li>
            </ul>
        </div>
    </div>
</div>

<div id="main">
    <div class="inner">
        <div class="detail_head">
            <ul>
                <li><a href="index.html" class="icon_1"><span></span></a><i class="icon_2"></i></li>
               <!-- <li>进口芭提娅果汁荔枝汁六罐装（230ml*6）(荔枝汁 230ml*6)</li>-->
            </ul>
        </div>
        <div class="detail_main">
            <section class="main_left">
                <!--商品简介-->
                <article class="goos_intro">
                    <div class="goods_show">
                        <div class="goods_img">
                            <!--<div></div>-->
                        </div>
                        <ul class="share">
                            <li><i class="icon_3"></i><a href="javascript:;">分享</a></li>
                            <li><i class="icon_4"></i><a href="javascript:;">收藏</a></li>
                            <li>
                                <span><i class="icon_5"></i>消费者告知书<i class="icon_6"></i></span>
                                <div class="note">
                                    <p>尊敬的客户：</p>
                                    <p>您好！</p>
                                    <p>在您选购境外商品前，麻烦您仔细阅读此文，同意本文所告知内容后再进行下单购买：</p>
                                    <p>1.您在本（公司）网站上购买的境外商品为产地直销商品，仅限个人自用不得进行再销售，商品本身可能无中文标签，您可以查看网站的翻译或者在线联系我们的客服。</p>
                                    <p>2.您购买的境外商品适用的品质、健康、标识等项目使用标准符合原产国使用标准，但是可能与我国标准有所不同，所以在使用过程中由此可能产生的危害或损失以及其他风险，将由您个人承担。</p>
                                    <p>3.您在本（公司）网站上购买保税区发货的境外商品时，自动视为由达令极速免税店代您向海关进行申报和代缴税款。</p>
                                    <p>谢谢！</p>
                                    <p>北京普缇客科技有限公司</p>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="goods_data">
                        <!--<h1>[泰国 · 纯正果汁清爽一夏] 芭提娅 进口芭提娅果汁荔枝汁六罐装（230ml*6）(荔枝汁 230ml*6)</h1>-->
                        <dl>
                            <dt>达令价</dt>
                            <dd>
                                <div><span>¥</span><!--<span class="price">43.90</span>--></div>
                                <p>海外现时售价 ¥48.00 <span class="font-red">9.1折</span><span class="font-round">?</span></p>
                            </dd>
                        </dl>
                        <dl>
                            <dt></dt>
                            <dd>收藏：41</dd>
                        </dl>
                        <dl>
                            <dt>购买数量：</dt>
                            <dd>
                                <a href="javascript:;" class="icon_add"><i></i></a>
                                <a href="javascript:;" class="icon_sub"><i></i></a>
                                <input type="text" value="1" class="cartnum">
                            </dd>
                        </dl>
                        <div class="goods_btn">
                            <a href="javascript:;" class="buy">立即购买</a>
                            <a href="javascript:;" class="addcart">加入购物车</a>
                        </div>
                        <div class="goods_tips">
                            <span><b>正</b>正品保障</span>
                            <span><b>24</b>24小时发货</span>
                            <span><b>免</b>满55元快递包邮</span>
                        </div>
                    </div>
                </article>
                <!--商品详情-->
                <article class="goos_detail"></article>
            </section>
            <section class="main_right"></section>
        </div>
    </div>
</div>


<!--footer-->
<div id="footer">
    <div class="promise">
        <ul>
            <li>为什么选择达令 <span></span></li>
            <li><span></span>100多个品牌授权</li>
            <li><span></span>24小时内发货</li>
            <li><span></span>保税区正品</li>
        </ul>
    </div>
    <div class="inner">
        <div class="investor">
            <div class="investor_left">
                <dl>
                    <dt>投资人说达令</dt>
                    <dd>“hi，达令，我是陈赫，达令投资人，投资比影响力更重要的是责任。”</dd>
                </dl>
            </div>
            <div class="investor_right">
                <dl>
                    <dt>投资人说达令</dt>
                    <dd>达令™一手全球好货--带您购全球,教您神马值得买。<br/>
                        连续两年荣获App store 编辑推荐最佳购物类应用！”
                    </dd>
                </dl>
            </div>
        </div>
        <div class="copyright">
            <ul>
                <li><a href="javascript:;" style="border-left: 0px">首页 </a></li>
                <li><a href="javascript:;">网站地图</a></li>
                <li><a href="javascript:;">消费者告知书</a></li>
                <li><a href="javascript:;">优惠券使用规则</a></li>
                <li><a href="javascript:;">退换货使用说明</a></li>
                <li><a href="javascript:;">关于我们</a></li>
                <li><a href="javascript:;" style="border-right: 0">联系我们</a></li>
            </ul>
            <div>
                <span>北京普缇客科技有限公司</span>
                <a href="javascript:;"><img src="images/index/foot-1.png" alt=""></a>
                <a href="javascript:;"><img src="images/index/foot-2.png" height="41" alt=""></a>
                <a href="javascript:;"><img src="images/index/foot-3.jpg" alt=""></a>
            </div>
            <p>Copyright © 2016达令 ，All Rights Reserved │ 京ICP备14009583号-1 │ 京公网安备11010502027399 |
                食品流通许可证编号：SP1101051510323113</p>
        </div>
    </div>
</div>

<!--侧边栏-->
<div class="sidebar">
    <div class="sidebar_intro"><!--侧边栏简介-->
        <a href="html/mycart.html" class="mycart">    <!--我的购物车-->
            <p class="sidebar_line"></p>
            <i></i>
            <p>购物车</p>
            <span>0</span>
        </a>
        <p class="sidebar_line"></p>
        <div class="sidebar_coupon">
            <i></i>
            <div class="my_hidden">我的优惠券
                <b class="triangle"></b>
            </div>
        </div>  <!--我的优惠券-->
        <div class="sidebar_collect">
            <i></i>
            <div class="my_hidden">我的收藏
                <b class="triangle"></b>
            </div>
        </div> <!--我的收藏-->
        <div class="quickmark">
            <div class="quickmark_big">
                <div></div>
                <b class="triangle"></b>
                <p>到手机达令</p>
            </div>
        </div>       <!--二维码-->
        <a href="#header" class="gotop"><div></div>TOP</a> <!--回到顶部-->
    </div>
    <div class="sidebar_details">

    </div><!--侧边栏详情-->

</div>
</body>
</html>